<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<script type="text/javascript" class="autoinsert" src="../js/jquery-2.2.0.min.js"></script>
		<!-- bootstrap规定使用前置设置 -->
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<link href="../bootstrap-3.3.7-dist/css/bootstrap.css" rel="stylesheet" type="text/css" />
		<script type="text/javascript" src="../bootstrap-3.3.7-dist/js/bootstrap.js"></script>
		<link rel="stylesheet" href="../font-awesome-4.7.0/css/font-awesome.min.css">
		<link rel="stylesheet" type="text/css" href="../css/admin_addFog.css" />
		<script type="text/javascript" class="autoinsert" src="../js/layer.js"></script>
		<link rel="stylesheet" type="text/css" href="../css/layer.css" />
		<title>添加城市数据</title>
		<link rel="stylesheet" type="text/css" href="../css/admin_top.css" />
		<script type="text/javascript" src="../js/admin_top.js"></script>
		<link rel="stylesheet" type="text/css" href="../css/admin_left.css" />
		<script type="text/javascript" src="../js/admin_left.js"></script>
		<link rel="shortcut icon" href="../img/icon.jpg">
	</head>
	<body>

		<div id="left"></div>
		<div id="top"></div>

		<div class="main">
			<div class="FromGood" id="app">
				<el-form :model="cityFrom" ref="fogFrom" label-width="120px" class="demo-ruleForm">
					<el-form-item label="城市名" prop="city">
						<el-input v-model="cityFrom.city" placeholder="请输入城市名"></el-input>
					</el-form-item>
					<el-form-item label="所在省份" prop="province">
						<el-input v-model="cityFrom.province" placeholder="请输入所在省份"></el-input>
					</el-form-item>
					<el-form-item label="经度" prop="longitude">
                        <el-input v-model="cityFrom.longitude" placeholder="请输入经度"></el-input>
					</el-form-item>
                    <el-form-item label="纬度" prop="latitude">
                        <el-input v-model="cityFrom.latitude" placeholder="请输入纬度"></el-input>
                    </el-form-item>
					<el-form-item>
						<el-button type="primary" @click="submitForm">立即添加/修改</el-button>
					</el-form-item>
				</el-form>
			</div>
		</div>

	</body>

	<script type="text/javascript">
		$("#top").load("top.html");
		$("#left").load("left.html");
	</script>

	<!-- 引入vue -->
	<script type="text/javascript" src="../js/vue.js"></script>
	<script type="text/javascript" src="../js/vue-resource.min.js"></script>

	<!-- 引入ElementUI -->
	<script type="text/javascript" src="../ElementUI/index.js"></script>
	<link rel="stylesheet" type="text/css" href="../ElementUI/index.css" />

	<script type="text/javascript" src="../js/admin_addCity.js"></script>

</html>
